body{
	overflow-x: hidden;
}
.main .wrapper {
	width: 1140px;
	height: 100%;
	margin: auto;
}
.main .left,.main .middle,.main .right {
	position: absolute;
	top: 0;
	padding-top: 37px;
}
.main .left {
	z-index: 2;
	left: 0;
	box-shadow: 0 2px 5px #333;
	width: 210px;
	background: #fff;
	bottom: 0;
}
.main .middle {
	right: 480px;
	left: 210px;
	min-width: 315px;
	background: #fff;
	bottom: 0;
}
.main .right {
	right: 0;
	width: 480px;
	color: #fff;
	z-index: 1;
	background: #333;
	bottom: 0;
}
.left .master {
	position: relative;
	padding: 10px;
	min-height: 71px;
	border-bottom: 1px solid #eee;
	margin-top: 0;
}
.left img.avatar {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: 2px solid #fff;
	box-shadow: 0 2px 5px #333;
}
.left .name {
	font-size: 14px;
}
.left .level {
	list-style: none;
	margin: 3px 0 0 0;
}
.left .level .vip {
	float: left;
	margin-right: 2px;
}
.vip {
	width: 15px;
	height: 15px;
	display: block;
	background: url('/static/images/vip.png') no-repeat;
}
.vip-1 {background-position: 0 -428px;}
.vip0 {background-position: 0 -448px;}
.vip1 {background-position: 0 -468px;}
.vip2 {background-position: 0 -488px;}
.vip3 {background-position: 0 -508px;}
.vip4 {background-position: 0 -528px;}
.vip5 {background-position: 0 -548px;}
.vip6 {background-position: 0 -568px;}

.left .room-title {
	padding: 5px 10px;
	border-bottom: 1px solid #999;
}
.left .room-title .label {
	padding-bottom: .2em;
}
.left .online-user .body {
	height: 368px;
}
.left .online-user .body .mCSB_inside>.mCSB_container {
	margin-right: 0;
}
.left .online-user .body .mCSB_scrollTools {
	width: 12px;
}
.left .online-user .header {
	padding: 10px;
	text-align: center;
	background: #7C7A7A;
	color: #fff;
}
.left .online-user .media {
	position: relative;
	margin: 0;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}
.left .online-user .media:hover {
	background-color: #999;
	color: #fff;
	cursor: pointer;
}
.left .online-user img.avatar {
	width: 30px;
	height: 30px;
	border-radius: 15px;
}
.left .online-user .name {
	font-size: 12px;
}
.left .online-user .level {
	margin: 0;
	margin-right: 29px;
}

.middle .message-board {
	height: 100%;
	background: #ddd;
	font-size: 12px;
	position: relative;
}
.middle .message-board.user-view .channel {
	display: none;
}
.middle .message-board.user-view .msg-form {
	margin-left: 0;
}
.middle .message-board .msg-list {
	margin: 0;
	padding: 10px 5px 147px 10px;
}
.msg-form {
	margin-left: 90px;
}
.msg-form,.msg-list  {
	height: 100%;
	position: relative;
}
.middle .message-board .channel {
	width: 90px;
	padding: 5px;
	margin-right: 10px;
	height: 100%;
	background: #999;
	position: relative;
	z-index: 1;
}
.middle .message-board .channel li .icon-remove-sign {
	position: absolute;
	top: 2px;
	right: 2px;
	color: #777;
	display: none;
	cursor: pointer;
}
.middle .message-board .channel li:hover .icon-remove-sign {
	display: block;
}
.middle .message-board .msg-form .msg-list li {
	padding: 5px 10px 5px 0;
}
.middle .message-board .time {
	height: 29px;
	line-height: 29px;
	color: #999;
	position: absolute;
	right: 10px;
}
.middle .message-board .isOwn .time {
	left: 10px;
}
.middle .message-board .from {
	background-color: #668FCC;
	color: #fff;
	left: 34px;
	padding: 6px 3px;
	border-radius: 4px;
	position: absolute;
	width: 65px;
	word-break: break-all;
}
.middle .message-board .sysmessage {
	color: #666;
}
.middle .message-board .message {
	padding: 5px;
	min-height: 28px;
	position: relative;
	display: inline-block;
	word-break: break-all;
	background: #fff;
	border-radius: 4px;
	min-width: 52px;
	border: 1px solid #ccc;
	margin-left: 107px;
	margin-right: 60px;
}
.middle .message-board .message img {
	margin-top: -5px;
	margin-bottom: -3px;
}
.middle .message-board .isOwn .message {
	margin-left: 80px;
	margin-right: 40px;
	float: right;
	/*background-color: #75E966;
	border: 1px solid #28DA21;*/
}
.middle .message-board .message.arrow:before,
.middle .message-board .message.arrow:after {
	position: absolute;
	display: block;
	content: "";
}
.middle .message-board .message.arrow-right:before {
	z-index: 1;
	border-top: 5px solid transparent;
	border-left: 5px solid #FFF;
	border-bottom: 5px solid transparent;
	right: -5px;
	top: 9px;
}
.middle .message-board .message.arrow-right:after {
	border-top: 6px solid transparent;
	border-left: 6px solid #ccc;
	border-bottom: 6px solid transparent;
	right: -6px;
	top: 8px;
}
.middle .message-board .message.arrow-left:before {
	z-index: 1;
	border-top: 5px solid transparent;
	border-right: 5px solid #fff;
	border-bottom: 5px solid transparent;
	left: -5px;
	top: 9px;
}
.middle .message-board .message.arrow-left:after {
	border-top: 6px solid transparent;
	border-right: 6px solid #ccc;
	border-bottom: 6px solid transparent;
	left: -6px;
	top: 8px;
}
.middle .message-board .avatar {
	width: 29px;
	height: 29px;
	display: inline-block;
	position: absolute;
	vertical-align: top;
	margin-right: 10px;
}
.middle .message-board .isOwn .avatar {
	right: 10px;
	margin-left: 10px;
	margin-right: 0;
}
.middle .tab-content,
.middle .tab-content > .tab-pane {
	height: 100%;
}
.middle .tab-content > .private.tab-pane .message {
	margin-left: 40px;
}
.middle .tab-content > .private.tab-pane .isOwn .message {
	margin-left: 80px;
}
.middle .input-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	padding-right: 74px;
	background: #eee;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.middle .input-body .content {
	border-radius: 0;
	box-shadow: none;
	resize: none;
}
.middle .input-body .btn-send {
	border-radius: 0;
	position: absolute;
	right: 10px;
	top: 39px;
}
.right .help {
	font-size: 12px;
	padding: 5px;
}
.right .panel {
	background-color: #777;
	border-color: #222;
}
.right .panel .panel-heading {
	padding: 5px 15px;
	background: #000;
	color: #999;
	border: 0;
}
.right .panel .panel-body {
	min-height: 51px;
}
.right .nav-tabs {
	background: #000;
}
.right .nav-tabs li a {
	color: #999;
	border: 0;
}
.right .nav-tabs > li.active > a, 
.right .nav-tabs > li.active > a:hover, 
.right .nav-tabs > li.active > a:focus{
	background-color: #777;
	color: #fff;
	border: 0;
}
.right .nav-tabs {
	border-bottom: 1px solid #333;
}
.main .middle,
.main .right,
.main .left {
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.main .middle.open {
	right: 0;
}
.main .right.close {
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}
.btn-video {
	color: #fff;
	position: fixed;
	top: 43px;
	right: 5px;
	font-size: 12px;
	padding: 3px;
	background: #888;
	opacity: .2;
	cursor: pointer;
	padding: 3px 9px;
	border-radius: 13px;
	z-index: 100;
}
.btn-video:hover {
	opacity: 1;
	color: #fff;
}
.room-link.icon-link {
	cursor: pointer;
	height: 24px;
	line-height: 27px;
	font-size: 18px;
}

/**
 * 右键菜单样式
 */
.contextmenu.qtip {
	width: 100px;
	background: #fff;
	border: 0;
	box-shadow: 0 2px 3px #ccc;
}
.contextmenu .qtip-content {
	padding: 0;
}
.contextmenu .btn {
	font-size: 12px;
	padding: 5px 8px;
}

/**
 * 个人资料样式
 */
.user-info.qtip {
	width: 250px;
	background: #fff;
	border: 5px solid #888;
}
.user-info.qtip .qtip-content {
	padding: 5px;
}
.user-info.qtip img.media-object {
	width: 60px;
	height: 60px;
}
.user-info.qtip .media-body .name {
	font-size: 18px;
	line-height: 1;
}

.qtip.qtip-face {
	background-color: #fff;
	border-color: #aaa;
	max-width: initial;
}
.qtip.qtip-face .qtip-content {
	padding: 0;
}

.emotion{width:24px; height:24px; background:url('/static/images/1.png') no-repeat;cursor:pointer} 
.qqFace {padding: 5px 9px;}
.qqFace table td{padding:0px} 
.qqFace table td img{cursor:pointer;border:1px #fff solid;} 
.qqFace table td img:hover{border:1px #0066cc solid;} 
.qqFace .title {
	padding: 5px;
	background: #e5e5e5;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: -2px -6px 5px;
}

.tag-staff,.tag-admin,.tag-custom,.tag-master,.tag-guest {
	position: absolute;
	right: 15px;
	top: 10px;
	font-style: normal;
	border: 1px solid #4E86CE;
	display: inline-block;
	line-height: 1;
	padding: 2px;
	background: #2CA5F7;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
}
.tag-staff {
	border: 1px solid #00CF42;
	background: #2BE05E;
}
.tag-admin {
	border: 1px solid #4E86CE;
	background: #2CA5F7;
}
.tag-master {
	border: 1px solid #FA78B6;
	background: #E9697D;
}
.chating {
	position: absolute;
	right: 11px;
	bottom: 0px;
	font-size: 12px;
	color: #999;
}
/**
i.star0, i.star1, i.star2, i.star3, i.star4, i.star5, i.star6, i.star7, i.star8, i.star9, i.star10, i.star11, i.star12, i.star13, i.star14, i.star15, i.star16, i.star17, i.star18, i.star19, i.star20, i.star21, i.star22, i.star23, i.star24, i.star25, i.star26, i.star27, i.star28, i.star29, i.star30, i.star31, i.star32, i.star33, i.star34, i.star35, i.star36, i.rich0, i.rich1, i.rich2, i.rich3, i.rich4, i.rich5, i.rich6, i.rich7, i.rich8, i.rich9, i.rich10, i.rich11, i.rich12, i.rich13, i.rich14, i.rich15, i.rich16, i.rich17, i.rich18, i.rich19, i.rich20, i.rich21, i.rich22, i.rich23, i.rich24, i.rich25, i.vip, i.vip_m, i.ladder, i.badge_7559, i.gift_7569, i.gift_7570, i.gift_7122, i.isShou1, i.isShou2, i.gift_7827, i.gift_7828, i.gift_7829, i.phone, i.badge_7859, i.manage {
	display: inline-block;
	width: 35px;
	height: 16px;
	margin-right: 4px;
	background: url(http://vr7.6rooms.com/imges/live/level/userLevel_v36.png) no-repeat 0 0;
	margin-top: -2px;
	_margin-top: 0;
}
i.vip, i.vip_m, i.badge_7559, i.gift_7122, i.isShou1, i.phone, i.badge_7859, i.manage {
	width: 14px;
	height: 14px;
	margin-right: 4px;
	vertical-align: middle;
}
i.manage {
	background-position: -750px -45px;
}
*/